
.preferences{
    background: #ededed;
    width: 100%;
  
}

.preferences > div{
	background: #ffffff;
    
}

/*.preferences > div > div span{
	display: inline-block;
	width: 15px;
	height: 15px;
}*/


.preferences >div >div span i{
	display: inline-block;
	/*width: 15px;
	height: 15px;*/
	font-size: 100px;	
}


i.fa.fa-question-circle-o.fa-2{
	display: inline-block;
	/*width: 15px;
	height: 15px;*/
	font-size: 100px;
	font-size: 20px;
	color: red;
}


i.fa.fa-question-circle-o.fa-5{
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 100px;
	color: red;
}

.jumbotron-icon .fa-2{
	font-size: 18em;
}



.preferences > div > h4{
	margin-bottom: 0px;
	display: block;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    background: #3abdeb;
    color: white;
    font-size: 18px;
}

.preferences .preferences-pianhsz div,
.preferences .preferences-shouyjmsz div,
.preferences .preferences-shouysb div,
.preferences .preferences-shangpsz div,
.preferences .preferences-huiysz div{

    font-size: 16px;
    height: 88px;
    line-height: 88px;
    margin-left: 20px;
    border-bottom: 1px solid #c8c8c8;

        
}

.preferences  div.content{
		position: relative;
}
.preferences  div.clear-line .icon{
	margin-right: 10px;
	border-bottom: 0px;
}
.preferences .icon{
	margin-right: 100px;
	display: inline-block;
	float: right;
	border: 0;
	
}

.preferences  div.content label{
	/*color: DeepSkyBlue;*/
	position: absolute;
	top: 10px;
	right: 10px;
}

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before{
	content: "打开 \a0\a0\a0\a0\a0\a0\a0  关闭";
	width: 60px;
	height: 28px;
	line-height: 28px;
	background-color: deepskyblue;
	border: 0px;
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before{
	background-color: deepskyblue;
}

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::after,
input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::after{
	width: 24px;
	height: 24px;
	
}


.preferences div.chear-line{
	border: 0px;
}


/*.preferences  i{
	width: 15px;
	height: 15px;
  
}*/





.preferences div.content .dl{
	
	margin: 0;
	float: right;
	display: inline;
}
.preferences div.content .dl dl{
	display: inline-block;
	margin-right: 10px;
	float: left;
	width: 66px;
	height: 66px;
	/*line-height: 88px;*/
	overflow: hidden;
	border-radius: 3px;
	margin-top: 10px;
}

.preferences div.content .dl dl dt.active{
	padding-top: 10px;
	height: 50px;
	background: #76d4f6;
	text-align: center;
}

.preferences div.content .dl dl dt{
	padding-top: 10px;
	height: 50px;
	text-align: center;
	background:#c8c8c8;
}


.preferences div .content .dl dl dd{
	text-align: center;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	background: rgba(53,96,112,0.8);
}

.preferences .button{
	background: #eeeeee;
	margin-top: 50px;
	width: 100%;
}

.preferences .button span{
	
	margin-left: 10%;
	text-align: center;
	display: inline-block;
	
	width:120px;
	height: 48px;
	line-height: 48px;
	background: white;
}

.preferences .button span.left{
	color: gray;
}

.preferences .button span.right{
	color: white;
	background: #3abdeb;
}

































